<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="tiles"  uri="http://tiles.apache.org/tags-tiles"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>우리결혼할래요?</title>
<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.backstretch.min.js"></script>
<script type="text/javascript">


$(document).ready(function(){
	$('#wrapper1').css('background', 'url(../image/overlays/01.png) repeat center top transparent');
	$.backstretch([
	  '../image/main/main01.gif',
	  '../image/main/main02.gif',
	  '../image/main/main03.gif'
	  ], {
		fade: 550,
		duration: 5000
	});
}); 
</script>
<style type="text/css">
	body{
		background-color:transparent;
		background:transparent;
	}

	#wrapper1{
		width:100%;
		height:1080px;
	}
	  
	#wrapper .header{
		height:108px;
		float:left;
		width:100%;
	}
	
	#wrapper .body{
		border:1px solid red;
		margin:0 auto;
		width:1500px;
		
	}
	
	#wrapper .footer{
		height:250px;
		float:left;
		
	}
	
	
</style>

</head>
<body>
	<div id="wrapper1">
   		<div class="header">
           	<tiles:insertAttribute name="header"/>
        </div>	
        <div class="body">  
        	<tiles:insertAttribute name="body"/>
        </div> 
      <div class="footer">  
        	<tiles:insertAttribute name="footer"/>		
        </div> 
     </div>
</body>
</html>